<!DOCTYPE html >
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>用户注册</title>
    {include file="public/header"  /}
    <link rel="stylesheet" href="__STATIC__/before//style/login.css" type="text/css">
</head>
<body>
<!-- 顶部导航 start -->
{include file="public/topnav" /}
<!-- 顶部导航 end -->

<!-- 页面头部 start -->
<div class="header w990 bc mt15">
    <div class="logo w990">
        <h2 class="fl"><a href="index.html"><img src="__STATIC__/before/images/logo.png" alt="京西商城"></a></h2>
    </div>
</div>

<!-- 页面头部 end -->

<!-- 登录主体部分start -->
<div class="login w990 bc mt10 regist">
    <div class="login_hd">
        <h2>用户注册</h2>
        <b></b>
    </div>
    <div class="login_bd" >
        <div class="login_form fl" style="height:368.2px;">
            <form action="{:url('Index/store')}" method="post">
                <ul>
                    <li style="height: 73px">
                        <label for="">用户名：</label>
                        <input type="text" class="txt" name="username" style="display:block;height: 32px; box-sizing: border-box;" />
                        <p>3-20位字符，可由中文、字母、数字和下划线组成</p>
                    </li>
                    <li>
                        <label for="">密码：</label>
                        <input type="password" class="txt" name="password"  style="display:block;height: 32px; box-sizing: border-box;" />
                        <p>6-20位字符，可使用字母、数字和符号的组合，不建议使用纯数字、纯字母、纯符号</p>
                    </li>
                    <li>
                        <label for="">确认密码：</label>
                        <input type="password" class="txt" name="repassword" style="display:block;height: 32px; box-sizing: border-box;"  />
                        <p><span>请再次输入密码</span></p>
                    </li>
                    <li class="checkcode">
                        <label for="">验证码：</label>
                        <input type="text"  name="checkcode" style="display:inline-block;height:32px; box-sizing: border-box" />
                        <div id="captcha_image" onclick="code();" style="display: inline" >{:captcha_img()}</div>
                    </li>
                    <li>
                        <label for="">&nbsp;</label>
                        <input type="checkbox" class="chb" id="img" name="is_check" checked /> 我已阅读并同意《用户注册协议》
                    </li>
                    <li>
                        <label for="">&nbsp;</label>
                        <input type="submit" value="" class="login_btn" />
                    </li>
                </ul>
            </form>


        </div>

        <div class="mobile fl">
            <h3>手机快速注册</h3>
            <p>中国大陆手机用户，编辑短信 “<strong>XX</strong>”发送到：</p>
            <p><strong>1069099988</strong></p>
        </div>

    </div>
</div>
<!-- 登录主体部分end -->

<div style="clear:both;"></div>
<!-- 底部版权 start -->
<div class="footer w1210 bc mt15">
    {include file="public/footer"  /}
</div>
<!-- 底部版权 end -->
<script>
    function code(){

        var querysrc=document.getElementById('captcha_image');
        querysrc.getElementsByTagName('img')[0].src='http://localhost{:captcha_src()}?'+Math.random();
    }
</script>

</body>
</html>